﻿<!DOCTYPE html>
<html>
  <head>
    <title>对话式阅读页面</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/对话式阅读页面/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/对话式阅读页面/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (手机框架图) -->

      <!-- Unnamed (组 合) -->
      <div id="u323" class="ax_default" data-left="20" data-top="23" data-width="239" data-height="477">

        <!-- Unnamed (矩形) -->
        <div id="u324" class="ax_default box_1">
          <div id="u324_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u325" class="ax_default box_1">
          <div id="u325_div" class=""></div>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u326" class="ax_default ellipse">
          <img id="u326_img" class="img " src="images/用例说明/u27.png"/>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u327" class="ax_default ellipse">
          <img id="u327_img" class="img " src="images/用例说明/u28.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u328" class="ax_default box_1">
          <div id="u328_div" class=""></div>
        </div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u329" class="ax_default _图片1">
        <img id="u329_img" class="img " src="images/用例说明/u30.png"/>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u330" class="ax_default icon">
        <img id="u330_img" class="img " src="images/对话式阅读页面/u330.png"/>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u331" class="ax_default line">
        <img id="u331_img" class="img " src="images/搜索页/u256.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u332" class="ax_default box_1">
        <div id="u332_div" class=""></div>
        <div id="u332_text" class="text ">
          <p><span>小说名</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u333" class="ax_default box_2">
        <div id="u333_div" class=""></div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u334" class="ax_default icon">
        <img id="u334_img" class="img " src="images/对话式阅读页面/u334.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u335" class="ax_default box_1">
        <div id="u335_div" class=""></div>
        <div id="u335_text" class="text ">
          <p><span>第X话 连载中/已完结</span></p>
        </div>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u336" class="ax_default line">
        <img id="u336_img" class="img " src="images/对话式阅读页面/u336.png"/>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u337" class="ax_default line">
        <img id="u337_img" class="img " src="images/对话式阅读页面/u337.png"/>
      </div>

      <!-- AreaPanel (动态面板) -->
      <div id="u338" class="ax_default" data-label="AreaPanel">
        <div id="u338_state0" class="panel_state" data-label="State1" style="">
          <div id="u338_state0_content" class="panel_state_content">

            <!-- Unnamed (中继器) -->
            <div id="u339" class="ax_default">
              <script id="u339_script" type="axure-repeater-template">

                <!-- Unnamed (矩形) -->
                <div id="u340" class="ax_default box_1 u340">
                  <div id="u340_div" class="u340_div"></div>
                </div>

                <!-- Unnamed (组 合) -->
                <div id="u341" class="ax_default u341" data-left="20" data-top="7" data-width="156" data-height="54">

                  <!-- Unnamed (气泡) -->
                  <div id="u342" class="ax_default box_1 u342">
                    <img id="u342_img" class="img u342_img" src="images/对话式阅读页面/u342.png"/>
                  </div>

                  <!-- Unnamed (椭圆形) -->
                  <div id="u343" class="ax_default box_2 u343">
                    <img id="u343_img" class="img u343_img" src="images/对话式阅读页面/u343.png"/>
                    <div id="u343_text" class="text u343_text">
                      <p><span>A</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (矩形) -->
                  <div id="u344" class="ax_default box_3 u344">
                    <div id="u344_div" class="u344_div"></div>
                    <div id="u344_text" class="text u344_text">
                      <p><span>154</span></p>
                    </div>
                  </div>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u345" class="ax_default box_1 u345">
                  <div id="u345_div" class="u345_div"></div>
                </div>

                <!-- Unnamed (组 合) -->
                <div id="u346" class="ax_default u346" data-left="18" data-top="74" data-width="160" data-height="54">

                  <!-- Unnamed (形状) -->
                  <div id="u347" class="ax_default box_1 u347">
                    <img id="u347_img" class="img u347_img" src="images/对话式阅读页面/u347.png"/>
                  </div>

                  <!-- Unnamed (形状) -->
                  <div id="u348" class="ax_default box_2 u348">
                    <img id="u348_img" class="img u348_img" src="images/对话式阅读页面/u343.png"/>
                    <div id="u348_text" class="text u348_text">
                      <p><span>B</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (形状) -->
                  <div id="u349" class="ax_default box_3 u349">
                    <img id="u349_img" class="img u349_img" src="images/对话式阅读页面/u349.png"/>
                    <div id="u349_text" class="text u349_text">
                      <p><span>100</span></p>
                    </div>
                  </div>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u350" class="ax_default box_1 u350">
                  <div id="u350_div" class="u350_div"></div>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u351" class="ax_default box_1 u351">
                  <div id="u351_div" class="u351_div"></div>
                </div>

                <!-- Unnamed (组 合) -->
                <div id="u352" class="ax_default u352" data-left="18" data-top="143" data-width="160" data-height="51">

                  <!-- Unnamed (形状) -->
                  <div id="u353" class="ax_default box_1 u353">
                    <img id="u353_img" class="img u353_img" src="images/对话式阅读页面/u353.png"/>
                  </div>

                  <!-- Unnamed (形状) -->
                  <div id="u354" class="ax_default box_3 u354">
                    <img id="u354_img" class="img u354_img" src="images/对话式阅读页面/u349.png"/>
                    <div id="u354_text" class="text u354_text">
                      <p><span>120</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (形状) -->
                  <div id="u355" class="ax_default box_2 u355">
                    <img id="u355_img" class="img u355_img" src="images/对话式阅读页面/u343.png"/>
                    <div id="u355_text" class="text u355_text">
                      <p><span>A</span></p>
                    </div>
                  </div>
                </div>

                <!-- Unnamed (组 合) -->
                <div id="u356" class="ax_default u356" data-left="18" data-top="208" data-width="160" data-height="48">

                  <!-- Unnamed (形状) -->
                  <div id="u357" class="ax_default box_1 u357">
                    <img id="u357_img" class="img u357_img" src="images/对话式阅读页面/u347.png"/>
                  </div>

                  <!-- Unnamed (形状) -->
                  <div id="u358" class="ax_default box_2 u358">
                    <img id="u358_img" class="img u358_img" src="images/对话式阅读页面/u343.png"/>
                    <div id="u358_text" class="text u358_text">
                      <p><span>D</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (形状) -->
                  <div id="u359" class="ax_default box_3 u359">
                    <img id="u359_img" class="img u359_img" src="images/对话式阅读页面/u349.png"/>
                    <div id="u359_text" class="text u359_text">
                      <p><span>50</span></p>
                    </div>
                  </div>
                </div>
              </script>
              <div id="u339-1" class="preeval" style="width: 195px; height: 262px;">

                <!-- Unnamed (矩形) -->
                <div id="u340-1" class="ax_default box_1 u340" style="width: 195px; height: 67px; left: 0px; top: 0px;visibility: inherit">
                  <div id="u340-1_div" class="u340_div" style="width: 195px; height: 67px;visibility: inherit"></div>
                  <div id="u340-1_text" class="text u340_text" style="position: absolute;left: 2px;top: 26px;width: 191px;visibility: inherit">
                    <p><span>1</span></p>
                  </div>
                </div>

                <!-- Unnamed (组 合) -->
                <div id="u341-1" class="ax_default u341" style="visibility: inherit" data-left="20" data-top="7" data-width="156" data-height="54">

                  <!-- Unnamed (气泡) -->
                  <div id="u342-1" class="ax_default box_1 u342" style="width: 41px; height: 113px; left: 89px; top: -19px;visibility: inherit">
                    <img id="u342-1_img" class="img u342_img" src="images/对话式阅读页面/u342.png"/>
                  </div>

                  <!-- Unnamed (椭圆形) -->
                  <div id="u343-1" class="ax_default box_2 u343" style="width: 29px; height: 30px; left: 20px; top: 7px;visibility: inherit">
                    <img id="u343-1_img" class="img u343_img" src="images/对话式阅读页面/u343.png"/>
                    <div id="u343-1_text" class="text u343_text" style="position: absolute;left: 2px;top: 7px;width: 25px;visibility: inherit">
                      <p><span>A</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (矩形) -->
                  <div id="u344-1" class="ax_default box_3 u344" style="width: 19px; height: 12px; left: 157px; top: 49px;visibility: inherit">
                    <div id="u344-1_div" class="u344_div" style="width: 19px; height: 12px;visibility: inherit"></div>
                    <div id="u344-1_text" class="text u344_text" style="position: absolute;left: 2px;top: 0px;width: 15px;visibility: inherit">
                      <p><span>154</span></p>
                    </div>
                  </div>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u345-1" class="ax_default box_1 u345" style="width: 195px; height: 67px; left: 0px; top: 67px;visibility: inherit">
                  <div id="u345-1_div" class="u345_div" style="width: 195px; height: 67px;visibility: inherit"></div>
                </div>

                <!-- Unnamed (组 合) -->
                <div id="u346-1" class="ax_default u346" style="visibility: inherit" data-left="18" data-top="74" data-width="160" data-height="54">

                  <!-- Unnamed (形状) -->
                  <div id="u347-1" class="ax_default box_1 u347" style="width: 41px; height: 113px; left: 63px; top: 45px;visibility: inherit">
                    <img id="u347-1_img" class="img u347_img" src="images/对话式阅读页面/u347.png"/>
                  </div>

                  <!-- Unnamed (形状) -->
                  <div id="u348-1" class="ax_default box_2 u348" style="width: 29px; height: 30px; left: 149px; top: 74px;visibility: inherit">
                    <img id="u348-1_img" class="img u348_img" src="images/对话式阅读页面/u343.png"/>
                    <div id="u348-1_text" class="text u348_text" style="position: absolute;left: 2px;top: 7px;width: 25px;visibility: inherit">
                      <p><span>B</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (形状) -->
                  <div id="u349-1" class="ax_default box_3 u349" style="width: 19px; height: 16px; left: 18px; top: 112px;visibility: inherit">
                    <img id="u349-1_img" class="img u349_img" src="images/对话式阅读页面/u349.png"/>
                    <div id="u349-1_text" class="text u349_text" style="position: absolute;left: 2px;top: 2px;width: 15px;visibility: inherit">
                      <p><span>100</span></p>
                    </div>
                  </div>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u350-1" class="ax_default box_1 u350" style="width: 195px; height: 67px; left: 0px; top: 134px;visibility: inherit">
                  <div id="u350-1_div" class="u350_div" style="width: 195px; height: 67px;visibility: inherit"></div>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u351-1" class="ax_default box_1 u351" style="width: 195px; height: 67px; left: 0px; top: 195px;visibility: inherit">
                  <div id="u351-1_div" class="u351_div" style="width: 195px; height: 67px;visibility: inherit"></div>
                </div>

                <!-- Unnamed (组 合) -->
                <div id="u352-1" class="ax_default u352" style="visibility: inherit" data-left="18" data-top="143" data-width="160" data-height="51">

                  <!-- Unnamed (形状) -->
                  <div id="u353-1" class="ax_default box_1 u353" style="width: 41px; height: 113px; left: 92px; top: 110px;visibility: inherit">
                    <img id="u353-1_img" class="img u353_img" src="images/对话式阅读页面/u353.png"/>
                  </div>

                  <!-- Unnamed (形状) -->
                  <div id="u354-1" class="ax_default box_3 u354" style="width: 19px; height: 16px; left: 159px; top: 178px;visibility: inherit">
                    <img id="u354-1_img" class="img u354_img" src="images/对话式阅读页面/u349.png"/>
                    <div id="u354-1_text" class="text u354_text" style="position: absolute;left: 2px;top: 2px;width: 15px;visibility: inherit">
                      <p><span>120</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (形状) -->
                  <div id="u355-1" class="ax_default box_2 u355" style="width: 29px; height: 30px; left: 18px; top: 143px;visibility: inherit">
                    <img id="u355-1_img" class="img u355_img" src="images/对话式阅读页面/u343.png"/>
                    <div id="u355-1_text" class="text u355_text" style="position: absolute;left: 2px;top: 7px;width: 25px;visibility: inherit">
                      <p><span>A</span></p>
                    </div>
                  </div>
                </div>

                <!-- Unnamed (组 合) -->
                <div id="u356-1" class="ax_default u356" style="visibility: inherit" data-left="18" data-top="208" data-width="160" data-height="48">

                  <!-- Unnamed (形状) -->
                  <div id="u357-1" class="ax_default box_1 u357" style="width: 41px; height: 113px; left: 63px; top: 172px;visibility: inherit">
                    <img id="u357-1_img" class="img u357_img" src="images/对话式阅读页面/u347.png"/>
                  </div>

                  <!-- Unnamed (形状) -->
                  <div id="u358-1" class="ax_default box_2 u358" style="width: 29px; height: 30px; left: 149px; top: 208px;visibility: inherit">
                    <img id="u358-1_img" class="img u358_img" src="images/对话式阅读页面/u343.png"/>
                    <div id="u358-1_text" class="text u358_text" style="position: absolute;left: 2px;top: 7px;width: 25px;visibility: inherit">
                      <p><span>D</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (形状) -->
                  <div id="u359-1" class="ax_default box_3 u359" style="width: 19px; height: 16px; left: 18px; top: 240px;visibility: inherit">
                    <img id="u359-1_img" class="img u359_img" src="images/对话式阅读页面/u349.png"/>
                    <div id="u359-1_text" class="text u359_text" style="position: absolute;left: 2px;top: 2px;width: 15px;visibility: inherit">
                      <p><span>50</span></p>
                    </div>
                  </div>
                </div>
              </div>
              <div id="u339-2" class="preeval" style="width: 195px; height: 262px;">

                <!-- Unnamed (矩形) -->
                <div id="u340-2" class="ax_default box_1 u340" style="width: 195px; height: 67px; left: 0px; top: 0px;visibility: inherit">
                  <div id="u340-2_div" class="u340_div" style="width: 195px; height: 67px;visibility: inherit"></div>
                  <div id="u340-2_text" class="text u340_text" style="position: absolute;left: 2px;top: 26px;width: 191px;visibility: inherit">
                    <p><span>2</span></p>
                  </div>
                </div>

                <!-- Unnamed (组 合) -->
                <div id="u341-2" class="ax_default u341" style="visibility: inherit" data-left="20" data-top="7" data-width="156" data-height="54">

                  <!-- Unnamed (气泡) -->
                  <div id="u342-2" class="ax_default box_1 u342" style="width: 41px; height: 113px; left: 89px; top: -19px;visibility: inherit">
                    <img id="u342-2_img" class="img u342_img" src="images/对话式阅读页面/u342.png"/>
                  </div>

                  <!-- Unnamed (椭圆形) -->
                  <div id="u343-2" class="ax_default box_2 u343" style="width: 29px; height: 30px; left: 20px; top: 7px;visibility: inherit">
                    <img id="u343-2_img" class="img u343_img" src="images/对话式阅读页面/u343.png"/>
                    <div id="u343-2_text" class="text u343_text" style="position: absolute;left: 2px;top: 7px;width: 25px;visibility: inherit">
                      <p><span>A</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (矩形) -->
                  <div id="u344-2" class="ax_default box_3 u344" style="width: 19px; height: 12px; left: 157px; top: 49px;visibility: inherit">
                    <div id="u344-2_div" class="u344_div" style="width: 19px; height: 12px;visibility: inherit"></div>
                    <div id="u344-2_text" class="text u344_text" style="position: absolute;left: 2px;top: 0px;width: 15px;visibility: inherit">
                      <p><span>154</span></p>
                    </div>
                  </div>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u345-2" class="ax_default box_1 u345" style="width: 195px; height: 67px; left: 0px; top: 67px;visibility: inherit">
                  <div id="u345-2_div" class="u345_div" style="width: 195px; height: 67px;visibility: inherit"></div>
                </div>

                <!-- Unnamed (组 合) -->
                <div id="u346-2" class="ax_default u346" style="visibility: inherit" data-left="18" data-top="74" data-width="160" data-height="54">

                  <!-- Unnamed (形状) -->
                  <div id="u347-2" class="ax_default box_1 u347" style="width: 41px; height: 113px; left: 63px; top: 45px;visibility: inherit">
                    <img id="u347-2_img" class="img u347_img" src="images/对话式阅读页面/u347.png"/>
                  </div>

                  <!-- Unnamed (形状) -->
                  <div id="u348-2" class="ax_default box_2 u348" style="width: 29px; height: 30px; left: 149px; top: 74px;visibility: inherit">
                    <img id="u348-2_img" class="img u348_img" src="images/对话式阅读页面/u343.png"/>
                    <div id="u348-2_text" class="text u348_text" style="position: absolute;left: 2px;top: 7px;width: 25px;visibility: inherit">
                      <p><span>B</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (形状) -->
                  <div id="u349-2" class="ax_default box_3 u349" style="width: 19px; height: 16px; left: 18px; top: 112px;visibility: inherit">
                    <img id="u349-2_img" class="img u349_img" src="images/对话式阅读页面/u349.png"/>
                    <div id="u349-2_text" class="text u349_text" style="position: absolute;left: 2px;top: 2px;width: 15px;visibility: inherit">
                      <p><span>100</span></p>
                    </div>
                  </div>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u350-2" class="ax_default box_1 u350" style="width: 195px; height: 67px; left: 0px; top: 134px;visibility: inherit">
                  <div id="u350-2_div" class="u350_div" style="width: 195px; height: 67px;visibility: inherit"></div>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u351-2" class="ax_default box_1 u351" style="width: 195px; height: 67px; left: 0px; top: 195px;visibility: inherit">
                  <div id="u351-2_div" class="u351_div" style="width: 195px; height: 67px;visibility: inherit"></div>
                </div>

                <!-- Unnamed (组 合) -->
                <div id="u352-2" class="ax_default u352" style="visibility: inherit" data-left="18" data-top="143" data-width="160" data-height="51">

                  <!-- Unnamed (形状) -->
                  <div id="u353-2" class="ax_default box_1 u353" style="width: 41px; height: 113px; left: 92px; top: 110px;visibility: inherit">
                    <img id="u353-2_img" class="img u353_img" src="images/对话式阅读页面/u353.png"/>
                  </div>

                  <!-- Unnamed (形状) -->
                  <div id="u354-2" class="ax_default box_3 u354" style="width: 19px; height: 16px; left: 159px; top: 178px;visibility: inherit">
                    <img id="u354-2_img" class="img u354_img" src="images/对话式阅读页面/u349.png"/>
                    <div id="u354-2_text" class="text u354_text" style="position: absolute;left: 2px;top: 2px;width: 15px;visibility: inherit">
                      <p><span>120</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (形状) -->
                  <div id="u355-2" class="ax_default box_2 u355" style="width: 29px; height: 30px; left: 18px; top: 143px;visibility: inherit">
                    <img id="u355-2_img" class="img u355_img" src="images/对话式阅读页面/u343.png"/>
                    <div id="u355-2_text" class="text u355_text" style="position: absolute;left: 2px;top: 7px;width: 25px;visibility: inherit">
                      <p><span>A</span></p>
                    </div>
                  </div>
                </div>

                <!-- Unnamed (组 合) -->
                <div id="u356-2" class="ax_default u356" style="visibility: inherit" data-left="18" data-top="208" data-width="160" data-height="48">

                  <!-- Unnamed (形状) -->
                  <div id="u357-2" class="ax_default box_1 u357" style="width: 41px; height: 113px; left: 63px; top: 172px;visibility: inherit">
                    <img id="u357-2_img" class="img u357_img" src="images/对话式阅读页面/u347.png"/>
                  </div>

                  <!-- Unnamed (形状) -->
                  <div id="u358-2" class="ax_default box_2 u358" style="width: 29px; height: 30px; left: 149px; top: 208px;visibility: inherit">
                    <img id="u358-2_img" class="img u358_img" src="images/对话式阅读页面/u343.png"/>
                    <div id="u358-2_text" class="text u358_text" style="position: absolute;left: 2px;top: 7px;width: 25px;visibility: inherit">
                      <p><span>D</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (形状) -->
                  <div id="u359-2" class="ax_default box_3 u359" style="width: 19px; height: 16px; left: 18px; top: 240px;visibility: inherit">
                    <img id="u359-2_img" class="img u359_img" src="images/对话式阅读页面/u349.png"/>
                    <div id="u359-2_text" class="text u359_text" style="position: absolute;left: 2px;top: 2px;width: 15px;visibility: inherit">
                      <p><span>50</span></p>
                    </div>
                  </div>
                </div>
              </div>
              <div id="u339-3" class="preeval" style="width: 195px; height: 262px;">

                <!-- Unnamed (矩形) -->
                <div id="u340-3" class="ax_default box_1 u340" style="width: 195px; height: 67px; left: 0px; top: 0px;visibility: inherit">
                  <div id="u340-3_div" class="u340_div" style="width: 195px; height: 67px;visibility: inherit"></div>
                  <div id="u340-3_text" class="text u340_text" style="position: absolute;left: 2px;top: 26px;width: 191px;visibility: inherit">
                    <p><span>3</span></p>
                  </div>
                </div>

                <!-- Unnamed (组 合) -->
                <div id="u341-3" class="ax_default u341" style="visibility: inherit" data-left="20" data-top="7" data-width="156" data-height="54">

                  <!-- Unnamed (气泡) -->
                  <div id="u342-3" class="ax_default box_1 u342" style="width: 41px; height: 113px; left: 89px; top: -19px;visibility: inherit">
                    <img id="u342-3_img" class="img u342_img" src="images/对话式阅读页面/u342.png"/>
                  </div>

                  <!-- Unnamed (椭圆形) -->
                  <div id="u343-3" class="ax_default box_2 u343" style="width: 29px; height: 30px; left: 20px; top: 7px;visibility: inherit">
                    <img id="u343-3_img" class="img u343_img" src="images/对话式阅读页面/u343.png"/>
                    <div id="u343-3_text" class="text u343_text" style="position: absolute;left: 2px;top: 7px;width: 25px;visibility: inherit">
                      <p><span>A</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (矩形) -->
                  <div id="u344-3" class="ax_default box_3 u344" style="width: 19px; height: 12px; left: 157px; top: 49px;visibility: inherit">
                    <div id="u344-3_div" class="u344_div" style="width: 19px; height: 12px;visibility: inherit"></div>
                    <div id="u344-3_text" class="text u344_text" style="position: absolute;left: 2px;top: 0px;width: 15px;visibility: inherit">
                      <p><span>154</span></p>
                    </div>
                  </div>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u345-3" class="ax_default box_1 u345" style="width: 195px; height: 67px; left: 0px; top: 67px;visibility: inherit">
                  <div id="u345-3_div" class="u345_div" style="width: 195px; height: 67px;visibility: inherit"></div>
                </div>

                <!-- Unnamed (组 合) -->
                <div id="u346-3" class="ax_default u346" style="visibility: inherit" data-left="18" data-top="74" data-width="160" data-height="54">

                  <!-- Unnamed (形状) -->
                  <div id="u347-3" class="ax_default box_1 u347" style="width: 41px; height: 113px; left: 63px; top: 45px;visibility: inherit">
                    <img id="u347-3_img" class="img u347_img" src="images/对话式阅读页面/u347.png"/>
                  </div>

                  <!-- Unnamed (形状) -->
                  <div id="u348-3" class="ax_default box_2 u348" style="width: 29px; height: 30px; left: 149px; top: 74px;visibility: inherit">
                    <img id="u348-3_img" class="img u348_img" src="images/对话式阅读页面/u343.png"/>
                    <div id="u348-3_text" class="text u348_text" style="position: absolute;left: 2px;top: 7px;width: 25px;visibility: inherit">
                      <p><span>B</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (形状) -->
                  <div id="u349-3" class="ax_default box_3 u349" style="width: 19px; height: 16px; left: 18px; top: 112px;visibility: inherit">
                    <img id="u349-3_img" class="img u349_img" src="images/对话式阅读页面/u349.png"/>
                    <div id="u349-3_text" class="text u349_text" style="position: absolute;left: 2px;top: 2px;width: 15px;visibility: inherit">
                      <p><span>100</span></p>
                    </div>
                  </div>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u350-3" class="ax_default box_1 u350" style="width: 195px; height: 67px; left: 0px; top: 134px;visibility: inherit">
                  <div id="u350-3_div" class="u350_div" style="width: 195px; height: 67px;visibility: inherit"></div>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u351-3" class="ax_default box_1 u351" style="width: 195px; height: 67px; left: 0px; top: 195px;visibility: inherit">
                  <div id="u351-3_div" class="u351_div" style="width: 195px; height: 67px;visibility: inherit"></div>
                </div>

                <!-- Unnamed (组 合) -->
                <div id="u352-3" class="ax_default u352" style="visibility: inherit" data-left="18" data-top="143" data-width="160" data-height="51">

                  <!-- Unnamed (形状) -->
                  <div id="u353-3" class="ax_default box_1 u353" style="width: 41px; height: 113px; left: 92px; top: 110px;visibility: inherit">
                    <img id="u353-3_img" class="img u353_img" src="images/对话式阅读页面/u353.png"/>
                  </div>

                  <!-- Unnamed (形状) -->
                  <div id="u354-3" class="ax_default box_3 u354" style="width: 19px; height: 16px; left: 159px; top: 178px;visibility: inherit">
                    <img id="u354-3_img" class="img u354_img" src="images/对话式阅读页面/u349.png"/>
                    <div id="u354-3_text" class="text u354_text" style="position: absolute;left: 2px;top: 2px;width: 15px;visibility: inherit">
                      <p><span>120</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (形状) -->
                  <div id="u355-3" class="ax_default box_2 u355" style="width: 29px; height: 30px; left: 18px; top: 143px;visibility: inherit">
                    <img id="u355-3_img" class="img u355_img" src="images/对话式阅读页面/u343.png"/>
                    <div id="u355-3_text" class="text u355_text" style="position: absolute;left: 2px;top: 7px;width: 25px;visibility: inherit">
                      <p><span>A</span></p>
                    </div>
                  </div>
                </div>

                <!-- Unnamed (组 合) -->
                <div id="u356-3" class="ax_default u356" style="visibility: inherit" data-left="18" data-top="208" data-width="160" data-height="48">

                  <!-- Unnamed (形状) -->
                  <div id="u357-3" class="ax_default box_1 u357" style="width: 41px; height: 113px; left: 63px; top: 172px;visibility: inherit">
                    <img id="u357-3_img" class="img u357_img" src="images/对话式阅读页面/u347.png"/>
                  </div>

                  <!-- Unnamed (形状) -->
                  <div id="u358-3" class="ax_default box_2 u358" style="width: 29px; height: 30px; left: 149px; top: 208px;visibility: inherit">
                    <img id="u358-3_img" class="img u358_img" src="images/对话式阅读页面/u343.png"/>
                    <div id="u358-3_text" class="text u358_text" style="position: absolute;left: 2px;top: 7px;width: 25px;visibility: inherit">
                      <p><span>D</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (形状) -->
                  <div id="u359-3" class="ax_default box_3 u359" style="width: 19px; height: 16px; left: 18px; top: 240px;visibility: inherit">
                    <img id="u359-3_img" class="img u359_img" src="images/对话式阅读页面/u349.png"/>
                    <div id="u359-3_text" class="text u359_text" style="position: absolute;left: 2px;top: 2px;width: 15px;visibility: inherit">
                      <p><span>50</span></p>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- loading (矩形) -->
      <div id="u360" class="ax_default box_1 ax_default_hidden" data-label="loading" style="display:none; visibility: hidden">
        <div id="u360_div" class=""></div>
        <div id="u360_text" class="text ">
          <p><span>正在加载...</span></p>
        </div>
      </div>
    </div>
  </body>
</html>
